<template>
  <v-card :color="cardBgColor" class="mb-2" elevation="0">
    <v-card-subtitle>每日话语</v-card-subtitle>
    <v-card-actions>
      <v-spacer />
      <v-btn icon>
        <v-icon :size="32" color="grey darken-2" @click="fangda(imgUrl)">
          {{ fandDaJingIcon }}
        </v-icon>
      </v-btn>
      <v-btn icon @click="play(audioUrl)">
        <v-icon :size="32" :color="audioIconColor">
          {{ hyPlayBtn }}
        </v-icon>
      </v-btn>
    </v-card-actions>
    <v-card-text>
      <v-img :src="imgUrl"></v-img>
    </v-card-text>
  </v-card>
</template>

<script>
export default {
  name: "index",
  props: {
    imgUrl: {
      type: String,
      default: require("../../../assets/emtyp.png"),
    },
    audioUrl: {
      type: String,
      required: true,
    },
    subtitle: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      cardBgColor: "",
      audioIconColor: "",
      fandDaJingIcon: "",
      hyPlayBtn: "",
    };
  },
  methods: {
    play(audioUrl) {},
    fangda(imgUrl) {},
  },
};
</script>

<style scoped></style>
